<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>欢迎页面-X-admin2.0</title>
    <base href="<%=basePath%>"/>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="shortcut icon" href="statics/images/favicon.ico"
          type="image/x-icon" />
    <link rel="stylesheet" href="statics/css/font.css">
    <link rel="stylesheet" href="statics/css/xadmin.css">
    <link rel="stylesheet" href="statics/css/layui.css" media="all"/>
    <script src="statics/js/jquery.min.js"></script>
    <script src="statics/layui.js" charset="UTF-8"></script>
    <script type="text/javascript" src="statics/js/xadmins.js"></script>

    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
<%--    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->--%>
</head>

<body>
<div class="x-nav">
		<span class="layui-breadcrumb"> <a href="">app信息维护</a>
		</span> <a class="layui-btn layui-btn-small"
                   style="line-height:1.6em;margin-top:3px;float:right"
                   href="javascript:location.replace(location.href);" title="刷新"> <i
        class="layui-icon" style="line-height:30px">ဂ</i></a>
</div>
<div class="x-body">
    <xblock>
        <form class="layui-form  layui-form-pane" id="searchss">
            <table class="layui-table">
                <tr style="background-color: #F2F2F2;">
                    <td style="width:110px"><label class="layui-form-label"
                    >软件名称</label></td>
                    <!-- autocomplete :回填-->
                    <td style="width:110px"><input type="text" name="names"
                                                   autocomplete="off" class="layui-input" style="width:210px">
                    </td>
                    <td><label class="layui-form-label" style="width:100px">app状态</label>
                    </td>
                    <td><select name="states" lay-filter="sta">
                        <option value="0" selected="">-请选择-</option>
                        <option value="1">待审核</option>
                        <option value="2">审核通过</option>
                        <option value="3">审核未通过</option>
                        <option value="4">已上架</option>
                        <option value="5">已下架</option>
                    </select></td>
                    <td><label class="layui-form-label" style="width:100px">所属平台</label>
                    </td>
                    <td><select name="pingTai" lay-filter="aihao">
                        <option value="0" selected="">-请选择-</option>
                        <option value="1">手机</option>
                        <option value="2">平板</option>
                        <option value="3">通用</option>
                        </select></td>
                </tr>
                <tr style="background-color: #F2F2F2;">
                    <td style="width:110px"><label class="layui-form-label"
                                                   style="width:100px">一级分类</label></td>
                    <td style="width:110px"><select name="cate1" style="width: 210"
                                                    lay-filter="cate1">
                        <option value="0" selected="">-请选择-</option>
                        <option value="1">全部应用</option>
                        <option value="2">全部游戏</option>
                    </select></td>
                    <td><label class="layui-form-label" style="width:100px">二级分类</label>
                    </td>
                    <td><select name="cate2" lay-filter="cate2">
                        <option value="0" selected="">-请选择-</option>
                    </select></td>
                    <td><label class="layui-form-label" style="width:100px">三级分类</label>
                    </td>
                    <td><select name="cate3" lay-filter="aihao">
                        <option value="0" selected="">-请选择-</option>
                    </select></td>
                </tr>
                <tr>
                    <td>
                        <button class="layui-btn" lay-submit lay-filter="searchs"
                                style="width:100px">搜索</button>
                    </td>
                </tr>
            </table>
        </form>
    </xblock>
    <button class="layui-btn" lay-submit lay-filter="btnadds"
            style="width:150px">新增app基础信息</button>


    <!-- 容器 存放数据 -->
    <table class="mem_tab" id="tab" lay-filter="demo" style="width:870px; text-align:center; margin-top:20px;">

    </table>
    <!-- 这是 jQuery 时代常见的 HTML 模板。形如下面的代码
<script id="my-template" type="text/x-custom-template">
    <div class="xxx">
        <div class="yyy">%name%</div>
        <div class="zzz">%value%</div>
    </div>
</script>
script 标签使得模板内容不会显示在页面上。从而在使用 jQuery 渲染数据时，就不需要 HTML 字符串拼接，而只要直接取出模板中的 HTML 文本，用 JS 做正则替换即可：
var template = document.getElementById("my-template").innerHTML;
var html = template
            .replace(/%name%/, data['name'])
            .replace(/%value%/, data['value']);
// insert HTML...
这样就可以很轻松地把 Ajax 获取的 JSON 数据渲染成带样式的 HTML 文本了。-->
    <script type="text/html" id="toolbarDemo" >
        <div class="layui-btn-container">
            <button class="layui-btn layui-btn-sm" lay-event="getCheckData">删除</button>
        </div>
    </script>
    <script type="text/html" id="barDemo" >
        <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="shangjia">上架</a>
        <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="xiajia">下架</a>
        <a class="layui-btn layui-btn-xs" lay-event="add">新增版本</a>
        <a class="layui-btn layui-btn-xs" lay-event="editinfo">修改版本</a>
        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="edit">修改</a>
        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="look">查看</a>
        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
    </script>

    <script>
        layui.use(['table','form'], function() {
            var table = layui.table;
            var form=layui.form;
            <!--  -->
            form.on('submit(btnadds)',function(datas){
                layer.confirm('是否新增app基础信息', function(index){
                    x_admin_show('新增app基础信息','/AppManageSys/app/addAppBase');
                    layer.close(index);
                })
            })
            form.on('submit(searchs)',function(data){
                var arr=$("#searchss").serialize();
                var names=$("input[name='names']").val();
                var states=$("select[name='states']").val();
                var pingTai=$("select[name='pingTai']").val();
                var cate1=$("select[name='cate1']").val();
                var cate2=$("select[name='cate2']").val();
                var cate3=$("select[name='cate3']").val();
                var index = layer.msg('数据加载中',{icon: 16,time:false,shade:0.5});
                setTimeout(function(){layer.close(index);}, 1000);
                var laypage = layui.laypage; //分页
                table.render({
                    elem : '#tab',
                    url : '/AppManageSys/app/searchAppInfo?names='+names+'&states='+states+'&pingTai='+pingTai+'&cate1='+cate1+'&cate2='+cate2+'&cate3='+cate3+'' //数据接口
                    ,cellMinWidth:0,
                    method : 'POST'
                    ,
                    where:arr //layui 修改请求方式
                    ,
                    request : {
                        pageName : 'currentPageNo' //页码的参数名称，默认：page
                        ,
                        limitName : 'pageSize' //每页数据量的参数名，默认：limit
                        ,
                        names:'names'
                        ,
                        states:'states'
                        ,
                        pingTai:'pingTai'
                        ,
                        cate1:'cate1'
                        ,
                        cate1:'cate2'
                        ,
                        cate1:'cate3'
                    },
                    page : true //开启分页
                    ,
                    cols : [ [ //表头
                        {type:'checkbox'},
                        {
                            field : 'id',
                            title : '编号',
                            sort : true,
                            width:'5%',
                            style:'height:50px',
                            align:'center'
                        },

                        {
                            field : 'softwareName',
                            title : '软件名称',
                            sort : true,
                            width:'10%',
                            style:'height:50px',
                            align:'center'
                        },
                        {
                            field : 'ans',
                            title : 'apk名称',
                            sort : true,
                            width:'10%',
                            style:'height:50px',
                            align:'center'
                        },
                        {
                            field : 'vn',
                            title : '状态',
                            sort : true,
                            width:'5%',
                            style:'height:50px',
                            align:'center'
                        },
                        {
                            field : 'versionSize',
                            title : '版本大小',
                            sort : true,
                            width:'5%',
                            style:'height:50px',
                            align:'center'
                        },
                        {
                            field : 'dvn',
                            title : '所属平台',
                            sort : true,
                            width:'20%',
                            style:'height:50px',
                            align:'center'
                        },
                        {
                            field : 'cates',
                            title : '所属分类',
                            sort : true,
                            width:'20%',
                            style:'height:50px',
                            align:'center'
                        },
                        {
                            field : 'downloads',
                            title : '下载数量',
                            sort : true,
                            width:'5%',
                            style:'height:50px',
                            align:'center'
                        },
                        {
                            fixed: 'right',
                            width: '15%',
                            style:'height:50px',
                            align:'center',
                            toolbar: '#barDemo'}

                    ] ]
                });

                table.on('tool(demo)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
                    var data = obj.data //获得当前行数据
                        ,layEvent = obj.event; //获得 lay-event 对应的值

                    if(layEvent === 'shangjia'){
                        layer.confirm('是否上架', function(index){
                            if(data.vn=='待审核'){
                                layer.confirm('该软件的状态是待审核不能上架');
                            }else if(data.vn=='审核未通过'){
                                layer.confirm('该软件的状态是审核未通过不能上架');
                            }else if(data.vn=='已上架'){
                                layer.confirm('该软件已经上架');
                            }else{
                                $.ajax({
                                    url:"/AppManageSys/app/againLoad1",
                                    data:"id="+data.id,
                                    dataType:"JSON",
                                    type:"POST",
                                    success:function(data){
                                        if(data=="ok"){
                                            layer.confirm("软件已上架");
                                            loads(obj.curr,obj.limit);
                                        }else{
                                            layer.confirm("软件未上架");
                                        }
                                    }
                                });
                            }
                        })
                    }else if(layEvent=='xiajia'){
                        layer.confirm('确定要下架吗',function(index){
                            if(data.vn=='待审核'){
                                layer.confirm('该软件的状态是待审核不能上架');
                            }else if(data.vn=='审核未通过'){
                                layer.confirm('该软件的状态是审核未通过不能上架');
                            }else if(data.vn=='已下架'){
                                layer.confirm('该软件已经下架');
                            }else{
                                $.ajax({
                                    url:"/AppManageSys/app/againLoad2",
                                    data:"id="+data.id,
                                    dataType:"JSON",
                                    type:"POST",
                                    success:function(data){
                                        if(data=="ok"){
                                            layer.confirm("软件已下架");
                                            loads(obj.curr,obj.limit);
                                        }else{
                                            layer.confirm("软件未下架");
                                        }
                                    }


                                });
                            }
                        });
                    }else if(layEvent === 'del'){
                        layer.confirm("真的");
                        layer.confirm('真的删除行么', function(index){
                            $.ajax({
                                url:"/AppManageSys/app/del",
                                data:"id="+data.id,
                                dataType:"JSON",
                                type:"POST",
                                success:function(data){
                                    if(data=="ok"){
                                        var index = layer.msg('删除成功',{icon: 16,time:false,shade:0.5});
                                        setTimeout(function(){
                                            layer.close(index);
                                            loads(obj.curr,obj.limit);
                                        }, 2000);
                                    }else{
                                        var index = layer.msg('删除失败',{icon: 16,time:false,shade:0.5});
                                        setTimeout(function(){
                                            layer.close(index);
                                            loads(obj.curr,obj.limit);
                                        }, 2000);
                                    }
                                }
                            });

                        });
                    } else if(layEvent === 'edit'){
                        layer.confirm('是否修改软件信息', function(index){
                            if(data.vn=='已上架'){
                                layer.confirm('该软件的状态已经审核通过不能进行修改');
                            }else if(data.vn=='已下架'){
                                layer.confirm('该软件的状态已经审核通过不能进行修改');
                            }else if(data.vn=='审核通过'){
                                layer.confirm('该软件的状态已经审核通过不能进行修改');
                            }else{
                                layer.confirm('是否修改软件信息', function(index){
                                    x_admin_show('修改软件信息','/AppManageSys/app/edit?id='+data.id+'');
                                    layer.close(index);
                                });
                            }
                        });
                    }else if(layEvent === 'look'){
                        layer.confirm('是否查看软件信息', function(index){
                            x_admin_show('软件信息','/AppManageSys/app/look?id='+data.id+'');
                            layer.close(index);
                        });
                    }else if(layEvent === 'add'){
                        layer.confirm('是否新增版本', function(index){
                            x_admin_show('新增版本','/AppManageSys/app/banbens?id='+data.id+'');
                            layer.close(index);

                        });
                    }else if(layEvent === 'editinfo'){
                        layer.confirm('是否修改软件版本', function(index){
                            if(data.vn=='已上架'){
                                layer.confirm('该软件的状态已经审核通过不能进行修改版本');
                            }else if(data.vn=='已下架'){
                                layer.confirm('该软件的状态已经审核通过不能进行修改版本');
                            }else if(data.vn=='审核通过'){
                                layer.confirm('该软件的状态已经审核通过不能进行修改版本');
                            }else{
                                layer.confirm('是否修改软件信息', function(index){
                                    x_admin_show('修改软件信息','/AppManageSys/app/banben?id='+data.id+'');
                                    layer.close(index);
                                });
                            }
                        });
                    }
                });
                return false;
            });

            form.on('select(cate1)',function(data){
                var cate1=$('select[name=cate1]').val();
                if(cate1==0){
                    $('select[name=cate2]').html('<option value=0>-请选择-</option>');
                    $('select[name=cate3]').html('<option value=0>-请选择-</option>');
                    form.render();
                }else{
                    $.ajax({
                        url:"/AppManageSys/app/selectCategorys?parentId="+cate1,
                        data:"parentId="+cate1,
                        dataType:"JSON",
                        type:"POST",
                        success:function(data){
                            if(data!=null){
                                $('select[name=cate2]').html('');
                                $('select[name=cate2]').html('<option value=0>-请选择-</option>');
                                for(var i=0;i<data.length;i++){
                                    var option=$('<option value='+data[i].id+'>'+data[i].categoryName+'</option>');
                                    $('select[name=cate2]').append(option);
                                    //加载cate2的数据
                                    //$('select[lay-filter=aihao]').append('你好');
                                }
                                form.render();
                            }
                        }
                    });
                }

            });


            form.on('select(cate2)',function(data){
                var cate2=$('select[name=cate2]').val();
                if(cate2=='0'){
                    $("select[name='cate3']").html('<option value=0 >-请选择-</option>');
                    form.render();
                }else{
                    $.ajax({
                        url:"/AppManageSys/app/selectCategorys?parentId="+cate2,
                        data:"parentId="+cate2,
                        dataType:"JSON",
                        type:"POST",
                        success:function(data){
                            if(data!=null){
                                $('select[name=cate3]').html('');
                                $('select[name=cate3]').html('<option value=0>-请选择-</option>');
                                for(var i=0;i<data.length;i++){
                                    var option=$('<option value='+data[i].id+'>'+data[i].categoryName+'</option>');
                                    $('select[name=cate3]').append(option);
                                    //$('select[lay-filter=aihao]').append('你好');
                                }
                                form.render();
                            }
                        }

                    });
                }

            });


            var index = layer.msg('数据加载中',{icon: 16,time:false,shade:0.5});
            setTimeout(function(){layer.close(index);}, 1000);
            var laypage = layui.laypage; //分页
            table.render({
                elem : '#tab',
                url : '/AppManageSys/app/appinfo', //数据接口
                toolbar: '#toolbarDemo'
                ,cellMinWidth:0,
                method : 'POST' //laui 修改请求方式
                ,
                request : {
                    pageName : 'currentPageNo' //页码的参数名称，默认：page
                    ,
                    limitName : 'pageSize' //每页数据量的参数名，默认：limit
                },
                page : true //开启分页
                ,
                id:'ts'
                ,
                cols : [ [ //表头
                    {type:'checkbox'},
                    {
                        field : 'id',
                        title : '编号',
                        sort : true,
                        width:'5%',
                        style:'height:50px',
                        align:'center'
                    },
                    {
                        field : 'softwareName',
                        title : '软件名称',
                        sort : true,
                        width:'10%',
                        style:'height:50px',
                        align:'center'
                    },
                    {
                        field : 'ans',
                        title : 'apk名称',
                        sort : true,
                        width:'10%',
                        style:'height:50px',
                        align:'center'
                    },
                    {
                        field : 'vn',
                        title : '状态',
                        sort : true,
                        width:'5%',
                        style:'height:50px',
                        align:'center'
                    },
                    {
                        field : 'softwareSize',
                        title : '软件大小',
                        sort : true,
                        width:'5%',
                        style:'height:50px',
                        align:'center'
                    },
                    {
                        field : 'versionInfo',
                        title : '最新版本',
                        sort : true,
                        width:'5%',
                        style:'height:50px',
                        align:'center'
                    },
                    {
                        field : 'dvn',
                        title : '所属平台',
                        sort : true,
                        width:'20%',
                        style:'height:50px',
                        align:'center'
                    },
                    {
                        field : 'cates',
                        title : '所属分类',
                        sort : true,
                        width:'20%',
                        style:'height:50px',
                        align:'center'
                    },
                    {
                        field : 'downloads',
                        title : '下载数量',
                        sort : true,
                        width:'5%',
                        style:'height:50px',
                        align:'center'
                    },
                    {
                        fixed: 'right',
                        width: '15%',
                        style:'height:50px',
                        align:'center',
                        toolbar: '#barDemo'},

                ] ]
            });
            table.on('toolbar(demo)', function(obj){
                var checkStatus = table.checkStatus(obj.config.id);
                switch(obj.event){
                    case 'getCheckData':
                        var data = checkStatus.data;
                        layer.alert(JSON.stringify(data));
                        break;
                };
            });
            function loads(curr,limit){
                table.render({
                    elem : '#tab',
                    curr:curr ,
                    limit:limit,
                    url : '/AppManageSys/app/appinfo' //数据接口
                    ,cellMinWidth:0,
                    method : 'POST' //laui 修改请求方式
                    ,
                    request : {
                        pageName : 'currentPageNo' //页码的参数名称，默认：page
                        ,
                        limitName : 'pageSize' //每页数据量的参数名，默认：limit
                    },
                    page : true //开启分页
                    ,
                    id:'ts'
                    ,
                    cols :[[ //表头
                        {type:'checkbox'},
                        {
                            field : 'id',
                            title : '编号',
                            sort : true,
                            width:'5%',
                            style:'height:50px',
                            align:'center'
                        },

                        {
                            field : 'softwareName',
                            title : '软件名称',
                            sort : true,
                            width:'10%',
                            style:'height:50px',
                            align:'center'
                        },
                        {
                            field : 'ans',
                            title : 'apk名称',
                            sort : true,
                            width:'10%',
                            style:'height:50px',
                            align:'center'
                        },
                        {
                            field : 'vn',
                            title : '状态',
                            sort : true,
                            width:'5%',
                            style:'height:50px',
                            align:'center'
                        },
                        {
                            field : 'softwareSize',
                            title : '软件大小',
                            sort : true,
                            width:'5%',
                            style:'height:50px',
                            align:'center'
                        },
                        {
                            field : 'versionInfo',
                            title : '最新版本',
                            sort : true,
                            width:'5%',
                            style:'height:50px',
                            align:'center'
                        },
                        {
                            field : 'dvn',
                            title : '所属平台',
                            sort : true,
                            width:'5%',
                            style:'height:50px',
                            align:'center'
                        },
                        {
                            field : 'cates',
                            title : '所属分类',
                            sort : true,
                            width:'5%',
                            style:'height:50px',
                            align:'center'
                        },
                        {
                            field : 'downloads',
                            title : '下载数量',
                            sort : true,
                            width:'5%',
                            style:'height:50px',
                            align:'center'
                        },
                        {
                            fixed: 'right',
                            width: '15%',
                            style:'height:50px',
                            align:'center',
                            toolbar: '#barDemo'}
                    ] ]
                });
            }

            table.on('tool(demo)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
                var data = obj.data //获得当前行数据
                    ,layEvent = obj.event; //获得 lay-event 对应的值
                if(layEvent === 'shangjia'){
                    layer.confirm('是否上架', function(index){
                        if(data.vn=='待审核'){
                            layer.confirm('该软件的状态是待审核不能上架');
                        }else if(data.vn=='审核未通过'){
                            layer.confirm('该软件的状态是审核未通过不能上架');
                        }else if(data.vn=='已上架'){
                            layer.confirm('该软件已经上架');
                        }else{
                            $.ajax({
                                url:"/AppManageSys/app/againLoad1",
                                data:"id="+data.id,
                                dataType:"JSON",
                                type:"POST",
                                success:function(data){
                                    if(data=="ok"){
                                        layer.confirm("软件已上架");
                                        loads(obj.curr,obj.limit);
                                    }else{
                                        layer.confirm("软件未上架");
                                    }
                                }
                            });
                        }
                    })
                }else if(layEvent=='xiajia'){
                    layer.confirm('确定要下架吗',function(index){
                        if(data.vn=='待审核'){
                            layer.confirm('该软件的状态是待审核不能上架');
                        }else if(data.vn=='审核未通过'){
                            layer.confirm('该软件的状态是审核未通过不能上架');
                        }else if(data.vn=='已下架'){
                            layer.confirm('该软件已经下架');
                        }else{
                            $.ajax({
                                url:"/AppManageSys/app/againLoad2",
                                data:"id="+data.id,
                                dataType:"JSON",
                                type:"POST",
                                success:function(data){
                                    if(data=="ok"){
                                        layer.confirm("软件已下架");
                                        loads(obj.curr,obj.limit);
                                    }else{
                                        layer.confirm("软件未下架");
                                    }
                                }


                            });
                        }
                    });
                }else if(layEvent === 'del'){
                    layer.confirm('真的删除行么', function(index){
                        $.ajax({
                            url:"/AppManageSys/app/del",
                            data:"id="+data.id,
                            dataType:"JSON",
                            type:"POST",
                            success:function(data){
                                if(data=="ok"){
                                    var index = layer.msg('删除成功',{icon: 16,time:false,shade:0.5});
                                    setTimeout(function(){
                                        layer.close(index);
                                        loads(obj.curr,obj.limit);
                                    }, 2000);
                                }else{

                                }
                            }
                        });

                    });
                } else if(layEvent === 'edit'){
                    layer.confirm('是否修改软件信息', function(index){
                        if(data.vn=='已上架'){
                            layer.confirm('该软件的状态已经审核通过不能进行修改');
                        }else if(data.vn=='已下架'){
                            layer.confirm('该软件的状态已经审核通过不能进行修改');
                        }else if(data.vn=='审核通过'){
                            layer.confirm('该软件的状态已经审核通过不能进行修改');
                        }else{
                            layer.confirm('是否修改软件信息', function(index){
                                x_admin_show('修改软件信息','/AppManageSys/app/edit?id='+data.id+'');
                                layer.close(index);
                            });
                        }
                    });
                }else if(layEvent === 'look'){
                    layer.confirm('是否查看软件信息', function(index){
                        x_admin_show('软件信息','/AppManageSys/app/look?id='+data.id+'');
                        layer.close(index);
                    });
                }else if(layEvent === 'add'){
                    layer.confirm('是否新增版本', function(index){
                        x_admin_show('新增版本','/AppManageSys/app/banbens?id='+data.id+'');
                        layer.close(index);

                    });
                }else if(layEvent === 'editinfo'){
                    layer.confirm('是否修改软件版本', function(index){
                        if(data.vn=='已上架'){
                            layer.confirm('该软件的状态已经审核通过不能进行修改版本');
                        }else if(data.vn=='已下架'){
                            layer.confirm('该软件的状态已经审核通过不能进行修改版本');
                        }else if(data.vn=='审核通过'){
                            layer.confirm('该软件的状态已经审核通过不能进行修改版本');
                        }else{
                            layer.confirm('是否修改软件信息', function(index){
                                x_admin_show('修改软件信息','/AppManageSys/app/banben?id='+data.id+'');
                                layer.close(index);
                            });
                        }
                    });
                }
            });

            return false;
        });



    </script>
</div>
</body>

</html>